<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<title>找回密码</title>		
	<script src="../dist/scripts/libs/jquery.min.js"></script>
	<script src="../dist/scripts/libs/init.js"></script>
</head>
<body style="background-color: #e9e9e9;">
	<header class="ub ub-ac">
		<div class="leftBtn click">
			<p class="left"></p>
		</div>
		<div class="ub-f1 ut-s tx-c title">找回密码</div>
		<div class="rightBtn"></div>
	</header>
	<article class="ub ub-ver">
		<section class="tx-c" style="margin-top:1.5rem;">
			<div class="find_pwd_sin">
				<input class="box_sizing im_login ub-img in3 l_pwd_input" type="text" placeholder="请输入手机号">
			</div>
			<div class="uw90 mauto ub find_pwd_sin">
				<div class="ub-f1">
					<input class="box_sizing im_login ub-img in4 l_pwd_input" type="text" placeholder="请输入验证码">
				</div>
				<button id="code_btn" class="l_pwd_code" onclick="settime(this)">获取验证码</button>
			</div>
			<aside class="find_pwd_btn">下一步</aside>
		</section>
  	</article>
</body>
<script>
	var countdown = 60; 
	function settime(val) {
		if (countdown == 0) { 
			val.removeAttribute("disabled");    
			$(val).text("获取验证码"); 
			countdown = 60; 
			return;
		} else {
			val.setAttribute("disabled", true); 
			$(val).text(countdown + "s"); 
			countdown--; 
		} 
		setTimeout(function() { 
			settime($("#code_btn")[0]);
		},1000) 
	} 
</script>	
</html>

